<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        img{width: 200px;height: 200px;}
    </style>
</head>
<body>
    <img src="./聊天框/images/head01.jpg" title="图片" alt="">
    <input type="button" id="btn" value="设置属性" web="aaa">
    <input type="button" id="btn1" value="删除属性">
    <script src="./jquery-1.12.4.js"></script>
    <script>
        // attr() 多用于操作自定义属性
        // prop() 多用于操作系统属性
        $(function(){
            $("#btn").click(function(){
                // prop()获取属性
                // alert($("img").prop("title"));

                // 设置系统属性
                $("img").prop("title","12345678");
                // alert($("img").prop("title"));

                // 删除系统属性
                // removeProp()用来删除由.prop方法设置属性

            })
        })
        $("#btn1").click(function(){
            $("img").removeProp("title")
        })
    </script>
</body>
</html>